import React, { Component } from 'react';
// import { Link } from 'react-router-dom';
import IceContainer from '@icedesign/container';
import DataBinder from '@icedesign/data-binder';
import TabSelect from '../../components/TabSelect/TabSelect';
import LineChart from './components/LineChart'
import './operationCapacity.scss';
import { GetUrlParam } from '../../baseConfig';

var echarts = require('echarts');

const clsPrefix = 'operationCapacity';
// TODO: 替换成自己的数据

class operationCapacity extends Component {

  constructor(props) {
    super(props);
    this.state = {
      RDChartID:"RDChart",
      numbers:{}
    };
    // 输入框
    this.value = '';
  }

  componentDidMount() {
  }

  //公共图表
  initChart(config,id,a) {
    let myChart = echarts.getInstanceByDom(document.getElementById(id));
    if( myChart === undefined){
        myChart = echarts.init(document.getElementById(id));
    }
    if(a){
      myChart.setOption(config,true);
    }else{
      myChart.setOption(config);
    }
    window.addEventListener('resize',()=>{
      myChart.resize();
    });
  }


  render() {
    const tabs = [{
      tab: "存货周转率1",
      key: 0,
      des: "计算公式：存货周转率=营业成本/平均存货 。 周转率一般衡量一定时期内公司存货从入库到销售带来收入的状况。存货在公司意味着资金的占用，该指标衡量的是存货转变为现金或者应收帐款的频率。数值越大，表明周转速度越快，存货占用时间较短，存货资金占用越合理，反应市场对公司产品需求大、公司对存货利用率高，销售能力强。值得注意的是，该指标在不同行业中差别较大，指标更推荐用来进行目标公司的历史纵向和同行业横向比对分析。"
    },{
        tab: "存货周转率2",
        key: 1,
        des: "计算公式：存货周转率=营业收入/平均存货。 存货周转率一般衡量一定时期内公司存货从入库到销售带来收入的状况。存货在公司意味着资金的占用，该指标衡量的是存货转变为现金或者应收帐款的频率。数值越大，表明周转速度越快，存货占用时间较短，存货资金占用越合理，反应市场对公司产品需求大、公司对存货利用率高，销售能力强。值得注意的是，该指标在不同行业中差别较大，指标更推荐用来进行目标公司的历史纵向和同行业横向比对分析。"
    },{
        tab: "应收账款周转率",
        key: 2,
        des: "计算公式：应收帐款周转率=营业收入/平均应收帐款余额 。 其中:平均应收帐款余额=(应收帐款余额年初数+应收帐款余额年末数)/2 应收账款 = 应收账款 + 应收票据 - 预收账款 。 该指标衡量了公司应收账款周转速度及管理效率，表示公司从获得应收账款的权利到收回款项、变成现金所需要的时间。周转率越高，表现为公司的应收账款能够及时收回，资金使用效率越高。"
    },{
        tab: "固定资产周转率",
        key: 3,
        des: "计算公式：资产周转率=主营业收入/平均固定资产*100% 。 该指标揭示了企业在一定时期内固定资产的周转频率，比率越高，说明资产的利用越充分，公司对固定资产的投资比较得当，对公司的营运活动贡献较大，公司的经营更加稳健，对财务危机的抵御更加有效。如果目标公司的该指标持续走低则有可能反映了公司过度投资固定资产且固定资产增量的盈利能力不佳，抑或是公司的盈利能力逐渐恶化。值得注意的是，很多公司会进行投资扩建，因此对某一时期的该指标波动分析需要结合多方信息。"
    },{
        tab: "流动资产周转率",
        key: 4,
        des: "计算公式：流动资产周转率（次）=主营业务收入净额/平均流动资产总额，其中平均流动资产总额=（流动资产年初数+流动资产年末数）/2。 该指标反映了企业流动资产的周转速度。在一定时期内，流动资产周转次数越多，表明以相同的流动资产完成的周转额越多，流动资产利用的效果越好。"
    },{
        tab: "总资产周转率",
        key: 5,
        des: "计算公式：总资产周转率（次）=营业收入净额/平均资产总额，其中平均资产总额=（资产总额年初数+资产总额年末数）/2 。 该指标衡量资产投资规模与销售水平之间的配比情况，反映了公司整体资产的营运能力。资产的周转次数越多，表明其周转速度越快，营运能力也就越强。在此基础上，可以配合固定资产周转率、流动资产周转率、应收账款周转率和存货周转率等进一步分析，以查明总资产周转率升降的原因。"
    }];

    let chartContent = [];
    for(let i=0;i<tabs.length;i++){
        chartContent.push((
            <div>
                <LineChart stockCode={GetUrlParam("secu_code")} chartType="偿债能力" des={tabs[i].des} chartName={tabs[i].tab} />
                {/* <Introduction stockCode={this.props.stock_code} chartName={tabs[i].tab}/> */}
            </div>
        ))
    }

    return (
      <div className={`page-${clsPrefix}`}>
        <IceContainer style={{borderRadius:'0'}}><TabSelect tabs={tabs} content={chartContent}/></IceContainer>
      </div>
    );
  }
}

export default operationCapacity;
